<template>
  <div class="build-content" style="height: 100%">
    <!-- !楼宇信息 -->
    <a-card size="small" style="height: 100%">
      <a-descriptions title="基础信息" :column="4">
        <a-descriptions-item label="所属项目">
          {{ detail.village_name || "--" }}
        </a-descriptions-item>
        <a-descriptions-item :label="$L('楼宇') + '编号'">
          {{ detail.build_number || "--" }}
        </a-descriptions-item>
        <a-descriptions-item :label="$L('楼宇') + '地址'" :span="2">
          {{
            detail.district_txt || detail.address
              ? detail.district_txt + detail.address
              : "--"
          }}
        </a-descriptions-item>
        <a-descriptions-item label="产权性质">
          {{ detail.property_right_txt || "--" }}
        </a-descriptions-item>
        <a-descriptions-item label="不动产证编号">
          {{ detail.estate_number || "--" }}
        </a-descriptions-item>
        <a-descriptions-item label="产权编号">
          {{ detail.property_number || "--" }}
        </a-descriptions-item>
        <a-descriptions-item label="土地编号">
          {{ detail.land_number || "--" }}
        </a-descriptions-item>
      </a-descriptions>

      <a-descriptions :title="$L('楼宇') + '面积'" :column="4" class="mt-20">
        <a-descriptions-item label="建筑面积">
          {{ detail.build_area || "-" }} ㎡
        </a-descriptions-item>
        <a-descriptions-item label="产权面积">
          {{ detail.property_area || "-" }} ㎡
        </a-descriptions-item>
        <a-descriptions-item label="可租面积">
          {{ detail.rentable_area || "-" }} ㎡
        </a-descriptions-item>
        <a-descriptions-item label="自用面积">
          {{ detail.self_use_area || "-" }} ㎡
        </a-descriptions-item>
        <a-descriptions-item label="配套面积">
          {{ detail.supporting_area || "-" }} ㎡
        </a-descriptions-item>
        <a-descriptions-item label="车位面积">
          {{ detail.parking_area || "-" }} ㎡
        </a-descriptions-item>
        <a-descriptions-item label="车位数量">
          {{ detail.parking_count || "-" }}
        </a-descriptions-item>
        <a-descriptions-item label="标准层高">
          {{ detail.floor_height || "-" }} m
        </a-descriptions-item>
      </a-descriptions>

      <a-descriptions title="拓展信息" :column="1" class="mt-20">
        <a-descriptions-item :label="$L('楼宇') + '标签'">
          <template v-if="detail.tag_arr && detail.tag_arr.length">
            <TagList :list="detail.tag_arr" :type="2" />
          </template>
          <span v-else> 无 </span>
        </a-descriptions-item>
        <a-descriptions-item
          :label="$L('楼宇') + '简介'"
          v-if="detail.extra_config"
        >
          {{ detail.extra_config.info || "无" }}
        </a-descriptions-item>
        <a-descriptions-item label="图片">
          <a-image v-if="detail.logo" :src="detail.logo" :width="80" />
          <span v-else>无</span>
        </a-descriptions-item>
      </a-descriptions>
    </a-card>
  </div>
</template>
<script>
import { defineComponent } from "vue";
import TagList from "../../Tag/show.vue";
export default defineComponent({
  name: "BuildContent",
  components: { TagList },
  props: {
    // 楼宇详情
    detail: {
      type: Object,
      default: () => ({}),
    },
  },
  setup(props, { emit }) {
    return {};
  },
});
</script>
